import React from "react";

export const ChevronLeft = (
    props: React.SVGProps<SVGSVGElement>,
): JSX.Element => (
    <svg
        aria-hidden="true"
        className="h-5 w-5"
        fill="currentColor"
        viewBox="0 0 20 20"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
    >
        <path
            fillRule="evenodd"
            d="M12.707 5.293a1 1 0 010 1.414L9.414 10l3.293 3.293a1 1 0 01-1.414 1.414l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 0z"
            clipRule="evenodd"
        ></path>
    </svg>
);

export const ChevronRight = (
    props: React.SVGProps<SVGSVGElement>,
): JSX.Element => (
    <svg
        aria-hidden="true"
        className="h-5 w-5"
        fill="currentColor"
        viewBox="0 0 20 20"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
    >
        <path
            fillRule="evenodd"
            d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z"
            clipRule="evenodd"
        ></path>
    </svg>
);

export const Github = (props: React.SVGProps<SVGSVGElement>): JSX.Element => (
    <svg
        viewBox="0 0 18 18"
        fill="currentColor"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
    >
        <path
            fillRule="evenodd"
            clipRule="evenodd"
            d="M9.00917 4.65294e-06C6.87043 -0.0021691 4.80082 0.757371 3.17123 2.14251C1.54163 3.52765 0.458568 5.44785 0.11613 7.55899C-0.226307 9.67014 0.194264 11.8342 1.30247 13.6635C2.41069 15.4927 4.1341 16.8675 6.16386 17.5414C6.6169 17.6243 6.77712 17.3425 6.77712 17.105C6.77712 16.8674 6.77712 16.326 6.77712 15.5746C4.26331 16.1216 3.73292 14.3646 3.73292 14.3646C3.56616 13.8201 3.21186 13.3523 2.73292 13.0442C1.92077 12.4917 2.79922 12.4917 2.79922 12.4917C3.08392 12.5319 3.35573 12.6364 3.59407 12.7972C3.83242 12.958 4.03104 13.171 4.17491 13.4199C4.29716 13.6416 4.46197 13.8369 4.65989 13.9947C4.85781 14.1525 5.08494 14.2697 5.32825 14.3395C5.57156 14.4093 5.82627 14.4304 6.07775 14.4015C6.32923 14.3726 6.57253 14.2944 6.7937 14.1713C6.82837 13.7168 7.02431 13.2896 7.34618 12.9669C5.34618 12.7403 3.24674 11.9669 3.24674 8.54697C3.233 7.65359 3.56335 6.78914 4.16939 6.1326C3.89947 5.35582 3.93102 4.50602 4.25779 3.75139C4.25779 3.75139 5.01469 3.50829 6.73292 4.67404C8.20839 4.26893 9.76575 4.26893 11.2412 4.67404C12.9594 3.50829 13.7108 3.75139 13.7108 3.75139C14.0421 4.49803 14.0816 5.34174 13.8213 6.11603C14.4274 6.77256 14.7577 7.63701 14.744 8.53039C14.744 11.989 12.639 12.7459 10.6335 12.9503C10.8485 13.1665 11.0146 13.4263 11.1204 13.7123C11.2262 13.9983 11.2693 14.3037 11.2467 14.6077C11.2467 15.8122 11.2467 16.7845 11.2467 17.0774C11.2467 17.3702 11.407 17.5967 11.8655 17.5083C13.8722 16.8165 15.5698 15.4378 16.6584 13.6157C17.7471 11.7936 18.1567 9.6454 17.8149 7.55055C17.4732 5.4557 16.402 3.54905 14.7907 2.16742C13.1794 0.7858 11.1316 0.0181202 9.00917 4.65294e-06Z"
            fill="#9F9F9F"
        />
    </svg>
);

export const Twitter = (props: React.SVGProps<SVGSVGElement>): JSX.Element => (
    <svg
        viewBox="0 0 18 15"
        fill="currentColor"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
    >
        <path
            d="M5.64751 14.5714C12.4444 14.5714 16.1609 8.9641 16.1609 4.10441C16.1609 3.94421 16.1609 3.784 16.1533 3.63142C16.8736 3.11264 17.5019 2.46417 18 1.72416C17.341 2.01406 16.6284 2.21242 15.8774 2.30396C16.6437 1.84622 17.2261 1.12909 17.5019 0.267016C16.7893 0.686612 16 0.991772 15.1571 1.15961C14.4828 0.442483 13.5249 0 12.4598 0C10.4215 0 8.76628 1.64787 8.76628 3.67719C8.76628 3.96709 8.79693 4.24937 8.8659 4.51638C5.7931 4.3638 3.0728 2.89903 1.24904 0.671354C0.934866 1.21301 0.750958 1.84622 0.750958 2.51758C0.750958 3.79162 1.4023 4.92072 2.39847 5.57682C1.7931 5.56156 1.22605 5.39372 0.727969 5.11907C0.727969 5.13433 0.727969 5.14959 0.727969 5.16485C0.727969 6.95004 2 8.43007 3.69349 8.77337C3.38697 8.85729 3.05747 8.90307 2.72031 8.90307C2.48276 8.90307 2.25287 8.88018 2.02299 8.83441C2.49042 10.2992 3.85441 11.3596 5.47126 11.3901C4.2069 12.3743 2.61303 12.9617 0.881226 12.9617C0.582375 12.9617 0.291188 12.9464 0 12.9083C1.61686 13.9611 3.56322 14.5714 5.64751 14.5714Z"
            fill="#9F9F9F"
        />
    </svg>
);

export const Linkedin = (props: React.SVGProps<SVGSVGElement>): JSX.Element => (
    <svg
        viewBox="0 0 25 24"
        fill="currentColor"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
    >
        <path
            d="M23.8398 0H1.7598C1.2288 0 0.799805 0.429 0.799805 0.96V23.04C0.799805 23.571 1.2288 24 1.7598 24H23.8398C24.3708 24 24.7998 23.571 24.7998 23.04V0.96C24.7998 0.429 24.3708 0 23.8398 0ZM7.9188 20.451H4.3578V8.997H7.9188V20.451ZM6.1398 7.431C5.73158 7.431 5.33253 7.30995 4.99311 7.08315C4.65368 6.85636 4.38914 6.534 4.23292 6.15686C4.0767 5.77971 4.03582 5.36471 4.11546 4.96433C4.1951 4.56396 4.39168 4.19619 4.68034 3.90753C4.96899 3.61888 5.33676 3.4223 5.73714 3.34266C6.13752 3.26302 6.55252 3.30389 6.92966 3.46011C7.30681 3.61633 7.62916 3.88088 7.85596 4.2203C8.08275 4.55973 8.2038 4.95878 8.2038 5.367C8.2008 6.507 7.2768 7.431 6.1398 7.431ZM21.2508 20.451H17.6928V14.88C17.6928 13.551 17.6688 11.844 15.8418 11.844C13.9908 11.844 13.7058 13.29 13.7058 14.784V20.451H10.1508V8.997H13.5648V10.563H13.6128C14.0868 9.663 15.2478 8.712 16.9818 8.712C20.5878 8.712 21.2508 11.085 21.2508 14.169V20.451Z"
            fill="#9F9F9F"
        />
    </svg>
);
